<template>
	<view class="text-center">
		<view class="w-p-100  flex flex-y-center round-8 overflow-hidden fs-17 ">
			<view class=" grow-1 py-8" @click="change(1)"
				:class="props.modelValue==1?'bg-blue text-white':'bg-black-1 text-999' ">艺术二维码
			</view>
			<view class=" grow-1 py-8" @click="change(2)"
				:class="props.modelValue==2?'bg-blue text-white':'bg-black-1 text-999' ">创意文字
			</view>
		</view>
	</view>
</template>

<script setup>
	const emit = defineEmits(['update:modelValue', 'change'])
	const props = defineProps({
		modelValue: {
			default: 1,
			type: Number
		}
	})

	const change = (e) => {
		console.log(e)
		emit('update:modelValue', e)
		emit('change', e)
	}
</script>

<style>
</style>